<template>
	<view class="wrapper">
		<!-- 	<view class="money">
			<view class="price">
				￥{{}}
			</view>
			<view class="time">
				支付剩余时间:
			</view>
		</view> -->
		<view class="payment">

			<u-radio-group v-model="radiovalue1" placement="column" @change="groupChange">
				<view class="one">
					<u-radio size="22" activeColor="#c55a5c">
						<image src="../../../static/img/order/zhi.jpg" mode=""></image>
						<view class="way">
							支付宝支付
						</view>
					</u-radio>
				</view>
				<view class="one">
					<u-radio size="22" activeColor="#c55a5c">
						<image src="../../../static/img/order/wei .jpg" mode=""></image>
						<view class="way">
							微信支付
						</view>
					</u-radio>
				</view>
				<view class="one">
					<u-radio size="22" activeColor="#c55a5c">
						<image src="../../../static/img/order/yin.jpg" mode=""></image>
						<view class="way">
							银联支付
						</view>
					</u-radio>
				</view>
			</u-radio-group>
		</view>
		<view class="order">
			<view class="get_order" @click="$router.replace('/pages/user/order/set_order')">
				确认支付
			</view>
			<view class="stop">
				暂不支付
			</view>
		</view>

	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style lang="scss">
	.money {
		text-align: center;
		margin-bottom: 40rpx;

		.price {
			font-size: 38rpx;
			color: red;
			font-weight: 700;
		}

		.time {
			padding: 10rpx;
			background-color: #fff;
			width: 30%;
			margin: 0 auto;
			border-radius: 15rpx;
			color: red;
		}
	}

	.wrapper {
		width: 100vw;
		height: 100vh;
		background-color: #f4f4f4;
	}

	.top {
		background-color: #f4f4f4;
		width: 100%;
		height: 20rpx;
	}

	.payment {
		display: flex;
		align-items: center;
		padding: 0 22rpx 37rpx 22rpx;
		background-color: #fff;

		.one {
			padding-bottom: 37rpx;
			border-bottom: 1px solid #ddd;
			margin-top: 36rpx;
		}

		.way {
			margin-left: 39rpx;
			color: #777;
			font-size: 28rpx;
		}

		image {
			width: 40rpx;
			height: 38rpx;
			margin-left: 32rpx;
		}
	}

	.order {
		position: fixed;
		width: 100%;
		height: 97rpx;
		bottom: 170rpx;
		left: 0;
		text-align: center;

		.get_order {
			text-align: center;
			width: 90%;
			height: 100%;
			margin: 0 auto;
			line-height: 97rpx;
			font-size: 28rpx;
			color: #fff;
			background-color: #c55a5c;
			cursor: pointer;
			border-radius: 15rpx;
		}

		.stop {
			font-size: 22rpx;
			margin-top: 20rpx;
			color: #777;
		}
	}
</style>